<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="Description" content="Easily create Windows 8 Metro UI-style websites with this templating framework. Many features like live-tiles, slideshows and sidebars."/>
    <meta name="keywords" content="template, windows 8, website, design, download, metro ui, metro template"/>
    <link rel="icon" type="image/ico" href="/favicon.ico"/>
    <meta name="viewport" content="width=device-width,initial-scale=1.00, minimum-scale=1.00">
    <title>亿唐网 -- ETang.info</title> 
    <link rel="stylesheet" type="text/css" href="css/layout.css" />
    <link rel="stylesheet" type="text/css" href="css/tiles.css" />
    <link rel="stylesheet" type="text/css" href="plugins/tileflip/plugin.css" />
    <link rel="stylesheet" type="text/css" href="plugins/tilefliptext/plugin.css" />
    <link rel="stylesheet" type="text/css" href="plugins/tileslidefx/plugin.css" />
	<!--[if IE]>
    <script src="js/html5.js"></script>
     <![endif]-->
    <!--[if lt IE 9]>
    <script type="text/javascript" language="javascript" src="http://lib.sinaapp.com/js/jquery/1.10.2/jquery-1.10.2.min.js"></script>
    <script src="js/html5.js"></script>
	<![endif]-->
	<!--[if gte IE 9]>
    <script src="http://lib.sinaapp.com/js/jquery/2.0.3/jquery-2.0.3.min.js"></script>
    <script src="js/html5.js"></script>
	<![endif]-->
    <!--[if !IE]>
    <script src="http://lib.sinaapp.com/js/jquery/2.0.3/jquery-2.0.3.min.js"></script>
	<![endif]-->

    <script type="text/javascript">window.jQuery || document.write('<\/script><script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.10.2/jquery-1.10.2.min.js"><\/script>')</script>
    <script type="text/javascript" src="http://etang.qiniudn.com/js/plugins.js"></script>
	<script>
scale = 145;
spacing = 10;
theme = 'theme_default';
$group.titles = ["Home","Download","Support"];
$group.spacingFull = [5,5,5];
$group.inactive.opacity = "1";
$group.inactive.clickable = "1";
$group.showEffect = 0;
$group.direction = "horizontal";

siteTitle = '亿唐网 -- ETang.info';
siteTitleHome = '';
showSpeed = 400;
hideSpeed = 300;
scrollSpeed = 550;

device = "desktop";
	scrollHeader = "1";
	disableGroupScrollingWhenVerticalScroll = "";

/*For background image*/
bgMaxScroll= "130";
bgScrollSpeed = "450";

/*For responsive */
autoRearrangeTiles = "1";
autoResizeTiles = "1";
rearrangeTreshhold = 3;



</script>

<script type="text/javascript" src="plugins/tileflip/plugin.js"></script>
<script type="text/javascript" src="plugins/tileslidefx/plugin.js"></script>
<script type="text/javascript" src="plugins/tilefliptext/plugin.js"></script>
<script type="text/javascript" src="http://etang.qiniudn.com/js/functions.js"></script>


<script type="text/javascript" src="http://etang.qiniudn.com/plugins/tilemedia/jquery.media.js"></script>
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "//hm.baidu.com/hm.js?4bc61f9aa8f6a09ea18b1a340ef3e84c";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>

</head>
<body class="full desktop">
<img src='' alt='background-image' id='bgImage'/>
<div id="wrapper">
	<div id="centerWrapper">
  		    	<div id="tileContainer" 
			>
                    

      	<a  href='###' class="tile tileCenteredSlide left group0 " onclick="return false;" style="
    margin-top:45px; margin-left:0px;
	width:300px; height:145px;
	background:rgb(80, 150, 1);"  data-pos='45-0-300' 	> 
    
    <div class="container1">
    	<h3>
     	    	<img title='' alt='' style='margin-top:0px;margin-left:0px;' 
    	src='img/icons/box_info.png' height="60" width="60"/>
    	
	    About    	</h3>
    	</div>
    <div class="container2">
    	<h5>亿唐网络 ETang.info</h5>
    </div>
    	
    </a>
      	
      	<a  href='http://tu.etang.info' target="_blank" class="tile tileFlipText vertical group0 " style="
    margin-top:200px; margin-left:310px;
	width:300px; height:145px;"  data-pos='200-310-300' > 
    

    <div class='flipContainer'>
		<div class='flipFront' style="background:#FF8000;">
				<h3>
		    	<img title='' alt='' style='margin-top:0px;margin-left:0px;' 
    	src='img/icons/pen.png' height="60" width="60"/>
    	    	免费图床    	</h3></div>
		<div class='flipBack' style="background:
		#FF3C00;"><h5><div style="font-weight: 300;font-size: 36px;padding:0 0 8px 0;color:#FFF;font-family: 'Just Another Hand', cursive;">
		    	<img title="" alt="" style="position: relative;vertical-align: middle;top:0px;margin-right:10px;" src="img/icons/pen2.png" height="50" width="50">
    	    	免费图床    	</div></h5></div>
        
	</div>
    </a>
      	<a  href='http://hao.etang.info/ui/' target="_blank" class="tile tileSlideFx group0 " style="
    margin-top:200px; margin-left:0px;
	width:300px; height:145px;
	background:#333;"  data-pos='200-0-300' > 
      
    <div class='slideText' style=''>
   	 设计师导航   </div>
    <div class='imgWrapper'>
    	<img src='http://etang.qiniudn.com/img/phone.gif' alt="" title="" /> 
    </div>
	<div class='tileLabelWrapper bottom'><div class='tileLabel bottom' style='border-bottom-color:rgb(80,150,1);'>Beta</div></div> 
   
    </a>

<a  href='https://www.webmaster.me/' target="_blank" class="tile tileFlip horizontal group2 " style="
    margin-top:45px; margin-left:310px;
	width:145px; height:145px;"  data-pos='200-0-145' > 
    
    <div class='flipContainer'>
		<div class='flipFront' style="background:#1E72FF;">
                <div class='flipImgCenterer'>
        <img src="img/forum.png" alt="" title="" style="
        width:103.5px;
               "/>
        </div>
        </div>
		<div class='flipBack' style="background:#1E72FF;"><h5><span style='font-size:22px;'>博客</span></h5></div>
        
	</div>
    </a>
<a  href='http://www.sina.lt/' target="_blank" class="tile tileFlip horizontal group2 " style="
    margin-top:45px; margin-left:460px;
	width:145px; height:145px;"  data-pos='200-0-145' > 
    
    <div class='flipContainer'>
		<div class='flipFront' style="background:#dea317;">
                <div class='flipImgCenterer'>
        <img src="img/icons/link.png" alt="" title="" style="
        width:103.5px;
               "/>
        </div>
        </div>
		<div class='flipBack' style="background:#dea317;"><h5><span style='font-size:22px;'>短网址</span></h5></div>
        
	</div>
    </a>
    
            </div>

        </div></div></body>

<script>
    mouseScroll = 0;
    $('#bgImage').attr('src', 'http://etang.qiniudn.com/img/bg/'+Math.round(Math.random()*5)+'.jpg');
</script>
<script type="text/javascript" src="http://etang.qiniudn.com/js/main.js"></script>
</html>
